<template>
    <div >
        <div class="div_box">
            <img src="../../public/conde.svg" alt=""><br>
            <input type="text" placeholder="🔍">
            <ul>
                <li>首页</li>
                <li>新手入门</li>
                <li>API</li>
                <li>关于</li>
                <li>注册</li>
                <li>登录</li>
            </ul>
        </div>
    </div>
</template>
<style lang="scss">
    .div_box{
        background:#444444;
        width: 100%;
        img{
            width: 100px;
            margin: 10px;
        }
        input{
            border-radius: 20px;
            border: 0;
            height: 30px;
            margin-left: 10px;
            background: #888888;
            padding-left: 10px;
        }
        ul{
            display: flex;
            justify-content: space-around;
            height: 50px;
            align-items: center;
            color: white;
            font-size: 13px;
        }
    }
</style>